<template>
  <div class="ee-empty">
    <svg viewBox="0 0 1598 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10334" width="200" height="200">
      <path d="M799.219512 1024c442.068293 0 799.219512-77.42439 799.219512-174.829268s-357.15122-174.829268-799.219512-174.829269c-277.229268 0-521.990244 29.970732-664.351219 77.424391C49.95122 779.239024 0 814.204878 0 849.170732c0 97.404878 357.15122 174.829268 799.219512 174.829268z"
            fill="#F5F5F5"></path>
      <path d="M1386.146341 586.926829h-1173.853658v-247.258536L469.541463 47.453659C482.029268 24.97561 504.507317 12.487805 526.985366 12.487805h544.468293c22.478049 0 44.956098 12.487805 59.941463 37.463415l254.751219 289.717073v247.258536z m-1148.878048-24.975609h1123.902439v-214.790244l-249.756098-284.721952c-12.487805-17.482927-24.97561-27.473171-39.960975-27.47317H526.985366c-14.985366 0-27.473171 9.990244-37.463415 24.975609L237.268293 347.160976v214.790244z"
            fill="#D9D9D9"></path>
      <path d="M504.507317 349.658537c29.970732 0 54.946341 32.468293 54.946342 72.429268 0 39.960976 24.97561 72.429268 54.946341 72.429268h369.639024c29.970732 0 54.946341-32.468293 54.946342-72.429268 0-39.960976 24.97561-72.429268 54.946341-72.429268H1373.658537v452.058536c0 52.44878-32.468293 97.404878-72.429269 97.404878H297.209756C257.24878 899.121951 224.780488 856.663415 224.780488 801.717073V349.658537h279.726829z"
            fill="#FAFAFA"></path>
      <path d="M1301.229268 911.609756H297.209756c-47.453659 0-84.917073-49.95122-84.917073-109.892683V337.170732h292.214634c37.463415 0 67.434146 37.463415 67.434146 84.917073 0 32.468293 19.980488 59.941463 42.458537 59.941463h369.639024c22.478049 0 42.458537-27.473171 42.458537-59.941463 0-47.453659 29.970732-84.917073 67.434146-84.917073h292.214634v464.546341c0 59.941463-37.463415 109.892683-84.917073 109.892683z m-1063.960975-549.463415v439.570732c0 47.453659 27.473171 84.917073 59.941463 84.917073H1298.731707c34.965854 0 59.941463-37.463415 59.941464-84.917073V362.146341H1093.931707c-22.478049 0-42.458537 27.473171-42.458536 59.941464 0 47.453659-29.970732 84.917073-67.434147 84.917073H614.4c-37.463415 0-67.434146-37.463415-67.434146-84.917073 0-32.468293-19.980488-59.941463-42.458537-59.941464H237.268293z"
            fill="#D9D9D9"></path>
    </svg>
    <div>
      <slot>
        {{ label || eeui.i18n.noData }}
      </slot>
    </div>
  </div>
</template>

<script type="text/javascript">

export default {
  name: "ee-empty",
  props: {
    /** 没有数据的描述 */
    label: String,
  },
}
</script>

<style lang="scss">
.ee-empty {
  padding: 1em 0;
  margin: 0 auto;
  text-align: center;
  color: var(--text6);
  fill: currentColor;

  svg {
    width: 8em;
    height: 4em;
  }
}
</style>